<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>部门管理</title>
		<link rel="stylesheet" href="../public/modules/element-ui/lib/theme-chalk/index.css" />
		<link rel="stylesheet" href="../static/department.css" />
		<script type="text/javascript" src="../public/seajs.js"></script>
		<script type="text/javascript" src="../public/modules/vue/vue.js"></script>
		<script type="text/javascript" src="../public/modules/element-ui/lib/index.js"></script>

	</head>

	<body>
		<div id="app">
			<el-container style="height: 600px;border: 1px solid #eee;" direction="horizontal">
				<el-aside width="100%" style="background-color: rgb(238,241,246);">
					<el-input v-model="input" placeholder="请输入过滤内容"></el-input>
					<el-menu>
						<el-submenu index="1">
							<template slot="title"><i class="el-icon-message"></i>部门管理</template>
							<el-menu-item-group>
								<el-menu-item index="1-1">医疗事业部</el-menu-item>
								<el-menu-item index="1-2">研发部</el-menu-item>
								<el-menu-item index="1-3">经济运营部</el-menu-item>
								<el-menu-item index="1-4">会计</el-menu-item>
								<el-menu-item index="1-5">销售</el-menu-item>
							</el-menu-item-group>
						</el-submenu>

						<el-submenu index="2">
							<template slot="title"><i class="el-icon-menu"></i>员工管理</template>
							<el-menu-item index="2-1">新增员工</el-menu-item>
							<el-menu-item index="2-2">更改员工信息</el-menu-item>
							<el-menu-item index="2-3">删除员工</el-menu-item>
						</el-submenu>
					</el-menu>
				</el-aside>
			</el-container>

		</div>
		<script type="text/javascript">
			/*自己写的js 使用这个方式引用*/
			seajs.use("../public/js/department.js", function(department) {
				department.init();
			});
		</script>
	</body>

</html>